<!doctype html>
<html>
    <head>
        <meta charset="utf-8"/>
        <meta http-equiv="x-ua-compatible" content="ie=edge"/>
        <title>Starbucks.cn</title>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        
        <link rel="stylesheet" href="../resource/css/style.css">

        <!--[if lte IE 9]>
        <style>
          .locale_en .browserupgrade-en,
          .locale_cn .browserupgrade-zh,
          .locale_zh .browserupgrade-zh {
            display: block;
          }
          .locale_en .browserupgrade-zh,
          .locale_cn .browserupgrade-en,
          .locale_zh .browserupgrade-en {
            display: none;
          }
          .browserupgrade {
            text-align: center;
            position: absolute;
            top: 30%;
            width: 100%;
          }
          .browserupgrade img {
            width: auto;
          }
          .browserupgrade p {
            color: #838383;
            font-size: 20px;
            max-width: 500px;
            margin: 20px auto;
          }
          #app {
            display: none !important;
          }
        </style>
        <![endif]-->

        <!-- All the Favicons -->
        <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../resource/images/apple-touch-icon-57x57.png" />
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../resource/images/apple-touch-icon-114x114.png?fcc67d" />
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../resource/images/apple-touch-icon-72x72.png?25e001" />
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../resource/images/apple-touch-icon-144x144.png?d69755" />
        <link rel="apple-touch-icon-precomposed" sizes="60x60" href="../resource/images/apple-touch-icon-60x60.png?4d1787" />
        <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../resource/images/apple-touch-icon-120x120.png?055eb5" />
        <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../resource/images/apple-touch-icon-76x76.png?003533" />
        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../resource/images/apple-touch-icon-152x152.png?67a81b" />
        <link rel="icon" type="image/png" href="../resource/images/favicon-196x196.png?106c70" sizes="196x196" />
        <link rel="icon" type="image/png" href="../resource/images/favicon-96x96.png?95d6bb" sizes="96x96" />
        <link rel="icon" type="image/png" href="../resource/images/favicon-32x32.png?59fe7d" sizes="32x32" />
        <link rel="icon" type="image/png" href="../resource/images/favicon-16x16.png?049cd6" sizes="16x16" />
        <link rel="icon" type="image/png" href="../resource/images/favicon-128.png?dbe0a1" sizes="128x128" />
        <meta name="application-name" content="&nbsp;"/>
        <meta name="msapplication-TileColor" content="#FFFFFF" />
        <meta name="msapplication-TileImage" content="../resource/images/mstile-144x144.png" />
        <meta name="msapplication-square70x70logo" content="../resource/images/mstile-70x70.png" />
        <meta name="msapplication-square150x150logo" content="../resource/images/mstile-150x150.png" />
        <meta name="msapplication-wide310x150logo" content="../resource/images/mstile-310x150.png" />
        <meta name="msapplication-square310x310logo" content="../resource/images/mstile-310x310.png" />
        <script type="text/javascript" src="../resource/js/jquery-1.11.2.min.js"></script>
        <link rel="stylesheet" href="../resource/css/mon.css">
        <link rel="stylesheet" href="../resource/css/invoice.css">
    </head>
    <body class="lang_cn">
    	<!--[if lte IE 9]>
    	<div class="browserupgrade">
    	  <img src="../resource/images/logo-gray.png" alt="starbucks_logo" />
    	  <p class="browserupgrade-en">This site was built for IE10 and above, please upgrade your browser for a better experience.</p>
    	  <p class="browserupgrade-zh">本网站仅支持IE10(及以上)浏览器浏览，请更新您的浏览器以获得更好的浏览体验。</p>
    	</div>
    	<script type="text/javascript">
    	  var paths = (window.location.pathname === '/') ? (window.location.hash).split('/') : (window.location.pathname).split('/');
    	  var locale = (paths.length > 1) ? paths[1] : 'en';
    	  document.body.className = 'locale_' + locale;
    	</script>
    	<![endif]-->
	    <div id="app">
	    	<div class="" >
				<header id="header">
					<div class="loader">
						<div class="loader-progress"style="width:0%;"></div>
					</div>
					<div class="header-container">
						<!-- 菜单按钮  隐藏 -->
						<!-- <div id="sidebar">
							<button>菜单</button>
						</div> -->
						<a href="https://www.starbucks.com.cn/"class="logo">
							<img src="../resource/images/logo.png">
						</a>
					</div>
					<div class="notification-list label notification-list-empty"></div>
					<!-- 公告 -->
                    <div class="noticeIcon"></div>
                    <div class="noticeCon">
                        <header class="noticeConHd">关于变更电子发票的公告</header>
                        <div class="noticeMain">
                            <p class="conHd">尊敬的顾客：</p>
                            <p class="paragraph">根据《关于推行通过增值税电子发票系统开具的增值税电子普通发票有关问题的公告》  （国家税务总局公告2015年第84号），我司已逐步在部分星巴克门店推行增值税电子普通发票。如顾客需要纸质发票，可以自行打印增值税电子普通发票的版式文件，   其法律效力、基本用途、基本使用规定等与税务机关监制的增值税普通发票相同。</p>
                            <p class="paragraph">您可通过扫描收银条下方的二维码或输入电子发票提取码的方式开具增值税电子普通发票。如您对电子发票的开具有任何疑问，请致电收银条上的电子发票服务热线垂询。</p>
                            <p class="conFt">2016年12月12日</p>
                        </div>
                    </div>
				</header>
	    	    <!-- 主要区域 -->
	    	    <section id="main" class="main invoice invoiceIndex">
	    	    	<div>
	    	    		<h1 >电子发票申请</h1>
	    	    		<div class="block" >
	    	    			<!-- <p class="intro container">输入您的星享卡信息</p> -->
	    	    			<div class="box container">
	    	    				<form class="form " >
	    	    					<div class="item" >
	    	    						<div class="required">
	    	    							<input type="text" placeholder="请输入发票提取码" name="" autocomplete="no" maxlength="" >
	    	    						</div>
	    	    					</div>
    	    						<div class="item clearfix code">
    	    							<div class="required fl" style="width:58%">
    	    								<input type="text" placeholder="请输入右侧验证码" name="" autocomplete="no" maxlength="4">
    	    							</div>
    	    							<div class="code_rt fl">
    	    								<img class="code_img" src="../resource/images/code_icon1.jpg">
    	    								<span class="code_refresh"></span>
    	    							</div>
    	    						</div>
    	    						<div class="action">
    	    							<div class="button full-width ">开 票</div>
    	    						</div>
	    	    				</form>
	    	    			</div>
	    	    		</div>
	    	    	</div>
	    	    </section>
	    	    <!-- load -->
	    	    <div class="down"></div>
				<div id="retryLater" class="invoice_down tc">
	    	    	<img class="invoice_img" src="../resource/images/invoice_02.jpg">
	    	    	<i class="close"></i>
	    	    	<p class="first_p">您的交易数据还没有上传</p>
	    	    	<p class="last_p">请稍后再试!</p>
	    	    </div>
				<!-- double check -->
				<div id="alreadyRequested" class="invoice_down tc">
	    	    	<i class="close"></i>
					<div class="formContainer">
	    	    		<p class="title">该订单开票已请求成功</p>
	    	    		<p class="email_info">24小时内请勿重复提交</p>
	    	    	</div>
	    	    </div>
	    	    <!-- foot -->
	    	    <footer id="footer" class="footer" data-reactid=".0.5">
	    	    	<div data-reactid=".0.5.0">
	    	    		<span data-reactid=".0.5.0.0">© 2016 Starbucks Corporation.</span>
	    	    		<br data-reactid=".0.5.0.1">
	    	    		<span data-reactid=".0.5.0.2">All rights reserved. 沪ICP备09020061号</span>
	    	    		<br data-reactid=".0.5.0.3">
	    	    		<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010402000253" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;" data-reactid=".0.5.0.4">
	    	    			<img src="../resource/images/web-ministry.png?d0289d" style="float:left;" data-reactid=".0.5.0.4.0">
	    	    			<p style="float:left;height:20px;line-height:20px;margin:0px 0px 0px 0px;color:#A3A3A3;" data-reactid=".0.5.0.4.1">沪公网安备 31010402000253号</p>
	    	    		</a>
	    	    	</div>
	    	    </footer>
	    	</div>
	    </div>
    </body>
    <script type="text/javascript">
    	$(".invoiceIndex .button").click(function(event) {
    		//$(".down,#retryLater").show('300');
			$(".down,#alreadyRequested").show('300');
    	});
    	$(".close,.down").click(function(event) {
    		//$(".invoice_down,.down").hide('300');
			$("#alreadyRequested,.down").hide('300');
    	});
    	//公告
        var flge=1;
        $(".noticeIcon").click(function(event) {
            if (flge==1) {
                $(".noticeCon").slideDown("300");
                flge=0;
            } else{
                $(".noticeCon").slideUp("300");
                flge=1;
            };
        });
    </script>
</html>